﻿/*面包屑导航*/
.crumb{ margin-top:18px;color:#666;}
.crumb span{ color:#333; margin-left:10px;}
.crumb a{ color:#666;margin:0 10px 0 10px;}
.crumb a:hover{ color:#ed5400;}
.crumb a.crumb-index{ margin-left:0;}
/*步骤*/
.steps{ height:30px; background:url(../../img/shoppingcart/steps.png) no-repeat;margin-top:18px; }
.steps li{ float:left; display:block; width:237px; height:30px; line-height:30px; color:#b8b8b8; font-weight:700; font-size:14px; text-align:center;}
.step1{ background-position:0 0 ;}
.step2{ background-position:0 -30px ;}
.step3{ background-position:0 -60px ;}
.step4{ background-position:0 -90px ;}
.step1 li.step1, .step2 li.step2, .step3 li.step3, .step4 li.step4{ color:#fff;}
/*shopping form*/
.shopping-form{ padding:30px 40px;}
.form-title{ padding:0 0 4px 26px; color:#242424; font-size:14px; font-weight:700; border-bottom:dotted 1px #b8b8b8; background:url(../../img/shoppingcart/title.png) no-repeat 15px 4px; }
.form-title span{ float:right; color:#b8b8b8; font-size:12px; font-weight:300;}
.form{ padding:14px 0 0px;}
.form-field{ padding:6px 0 6px 220px; color:#242424; font-size:14px; }
.form-field-minheight{ height:21px;}
.form-label{ width:210px; margin-left:-220px; font-size:14px; line-height:22px; height:20px; overflow:hidden; color:#666;}
.form-label-captcha{ margin-top:10px;}
.form-label-bd{color:#666; margin-left:32px;}
.form-label-input{ margin:0 12px 0 0px; width:130px; display:inline-block;}
.form-label-input span{ color:#ed5400; font-size:12px;}
.form-label-input input{ margin-right:4px;vertical-align:middle; }
.form-payment{ padding:1px 10px 4px 10px; margin:0px 0 0 -10px; border:solid 1px #fff; background-color:#fff; *margin-top:-24px; _margin-left:0; *margin-left:0;}
.form-payment .close{ padding-top:8px; height:24px; _padding-left:3px; }
.form-payment-open{border-color:#f6dcc1; background-color:#fff5eb;}
.form-select-more{ font-size:12px; color:#ed5400; cursor:pointer; padding-right:16px; background:url(../../img/shoppingcart/more.png) no-repeat right 5px; width:50px; margin-left:10px;}
.form-select{width:182px; height:24px; border:solid 1px #d1d1d1; margin-right:20px;}
.form-select-num{ width:86px;}
.form-select-red{ border-color:#f00;}
.form-price{ margin-right:10PX; color:#ed5400; font-family:Tahoma; font-weight:700;}
.form-text{width:176px; height:20px; border:solid 1px #d1d1d1; padding:0 2px; line-height:20px;vertical-align:middle;}
.form-text-onfocus{ border-color:#666;}
.form-text-onerror{ border-color:#f00;}
.form-text-captcha, .form-text-num{ width:90px;}
.form-captcha{ display:inline-block;}
.form-captcha-img{ margin-left:10px;vertical-align:middle; cursor:pointer;}
.form-captcha-a{ color:#ed5400; margin-left:10px;font-size:12px; text-decoration:underline;cursor:pointer;}
.form-require{ color:#ce1718; margin-right:8px;}
.form-require-margin{margin-left:-10px;}
.form-tip{ margin-left:10px; font-size:12px; color:#666;}
.form-help{ color:#ed5400; margin-left:10px;font-size:12px; text-decoration:underline;}
.form-button{ margin-top:32px; text-align:center;}
.form-btn-next{ width:150px; height:40px; line-height:25px; padding:3px 0 12px 0; border:0; color:#fff; font-weight:700; font-size:20px; background:url(../../img/shoppingcart/btn-next.png) no-repeat;}
.form-agreement{ text-align:center; margin-top:16px;}
.form-agreement input{ vertical-align:middle; margin-right:4px;}
.form-agreement a{ color:#ed5400; text-decoration:underline;}

.light-form{ padding:10px 0 30px 0;}
.light-form table{ width:100%;}
.light-form td{ padding-top:8px;}
.light-form td.label{ width:100px; text-align:right; padding-right:10px;}
.light-btn{ height:40px; text-align:center;}
.light-btn button{ margin:0 10px; width:150px; height:40px; border:0; background:url(../../img/shoppingcart/btn-light.png) no-repeat;}
.light-btn button.light-btn-confirm{ background-position:0 0;}
.light-btn button.light-btn-backedit{ background-position:0 -40px;}
.light-btn button.light-btn-confirmedit{ background-position:0 -80px;}
.light-btn button.light-btn-confirmsave{ background-position:0 -120px;}
.light-agreement{ border:0; width:500px; height:200px; overflow-y:scroll;}

/*弹层form*/
.light-form .form-field{ padding-left:100px;}
.light-form .form-label{ width:90px; margin-left:-100px;}
.light-form .form-message{ margin-left:0;}

/*shopping message*/
.shopping-message{ border:solid 1px #f0b57b; margin-top:24px;}
.message-border{ border:solid 3px #faefdd; background-color:#fff; padding:10px;}
.message{ margin:20px 0 0 20px; padding-left:54px;}
.message s{ margin-left:-54px;}
.message dt{ padding-top:10px;}
.message a.btn,.message a.btn:hover, .message a.btn-gray, .message a.btn-gray:hover, .message a.btn-grays, .message a.btn-grays:hover{border:0; width:80px; height:25px; display:inline-block; text-align:center; line-height:24px; color:#333; text-decoration:none; background:url(../../img/shoppingcart/btn-message.png) no-repeat; margin-top:16px;}
.message a.btn-gray, .message a.btn-gray:hover{ background-position:0 -26px;}
.message a.btn-grays, .message a.btn-grays:hover{ background-position:0 -52px; width:140px;}
.message li{ padding-bottom:4px; list-style:disc inside; }
.message-tip{ margin-top:32px; padding-top:12px; border-top:dotted 1px #b8b8b8; text-align:right;}
.message-tip a{ margin-left:10px; color:#ed5400; text-decoration:underline;}
/*order info*/
.shopping-orderinfo{ margin-top:10px;}
.shopping-orderservice{ float:right; color:#b8b8b8; margin-top:6px;}
.shopping-orderinfo .tab-holder{ height:26px; padding-left:20px; }
.shopping-orderinfo .tab-holder li{ width:118px; height:24px; position:relative; z-index:1;  margin-bottom:-5px; font-weight:700; font-size:14px; border:solid 1px #d1d1d1; border-top-width:2px; border-bottom-color:#fff; border-collapse:collapse; float:left; margin-left:10px;  }
.shopping-orderinfo .tab-holder span{ display:block; width:70px; position:absolute; z-index:2;  border:solid 4px #f6f6f6; border-bottom:solid 5px #fff; padding:0 20px; line-height:24px; height:20px; overflow:hidden; text-align:center; }
.shopping-orderinfo .tab-panel{border:solid 1px #d1d1d1; }
.shopping-orderinfo .tab-content{border:solid 4px #f6f6f6; padding:24px 32px; display:block; }
.shopping-ordertable, .shopping-ordertime{ width:100%;}
.shopping-ordertable td{ font-size:14px; padding:5px;}
.shopping-ordertable td.label, .shopping-ordertime td.label{ width:100px; text-align:right; }
.shopping-ordertable td{ width:317px;}
.shopping-ordertime{ margin-top:20px;border:solid 1px #f00;}
.shopping-ordertime td{ font-size:12px; color:#f00; padding:10px 5px;}

/*order card*/
.shopping-ordercard{ margin-top:10px;}
.shopping-ordercard h5{ height:28px; border:solid 1px #d1d1d1; padding-left:20px; background-color:#ededed; line-height:28px; font-weight:700; color:#242424;}
.shopping-ordercard-table{ padding:10px; border:solid 1px #e5e5e5; border-top-width:0;}
.shopping-ordercard-table table{ width:100%;}
.shopping-ordercard-table thead td{ background-color:#f0f3f8; padding:6px 0 4px; padding-left:80px;}
.shopping-ordercard-table thead td.card{ padding-left:200px; width:300px;}
.shopping-ordercard-table tbody td{ padding:5px 0; height:24px; vertical-align:middle; padding-left:60px;}
.shopping-ordercard-table tbody td.card{ padding-left:160px;}
.shopping-ordercard-table tbody tr.odd td{ border-bottom:dotted 1px #d1d1d1;}
.shopping-orderpwd-table tbody tr.odd td{ border-bottom:dotted 1px #d1d1d1; background-color:#f0f3f8; color:#999;}
.shopping-ordercard-table span{ margin-right:20px;}
.shopping-ordercard-table button{ border:0; width:80px; padding:3px 0 4px 0; background:url(../../img/shoppingcart/btn-message.png) no-repeat; font-size:13px; line-height:16px; vertical-align:middle;}

/*ad*/
.ad{ height:100px; margin-top:30px; margin-left:-10px;}
.ad a{margin-left:10px; padding:1px; border:solid 1px #d2d2d2; float:left; display:inline-block;width:226px; height:98px;}
.ad a:hover{ border-color:#ed5400;}
.ad img{width:226px; height:98px; }

/* form message */
.form-message{ margin-left:12px;vertical-align:middle;}
.form-message-more{ margin:10px 0 0 0;}
.form-message i, .form-message s{ display:inline-block; float:left; width:18px; height:18px; background:url(../../img/shoppingcart/form-message.png) no-repeat -999px -999px;}
.form-message .success i{ background-position:0 0; }
.form-message .attention{ padding-left:22px; }
.form-message .attention i{ background-position:0 -36px; margin-left:-20px;}
.form-message .error{ font-size:12px; border:solid 1px #ff8d22; background-color:#fffada; padding-right:4px; color:#f00;}
.form-message .error i{ background-position: 0 -18px;}
.form-message .error s{ background-position: 0 -144px; margin-left:-12px; width:12px; position:relative; z-index:1; }
.form-message .tip, .form-message .attention{ color:#666; font-size:12px; background-color:#fffaef; border:solid 1px #f5dcc4;padding-right:4px; padding-top:2px;}
.form-message .tip i{ background-position:0 -54px; margin-top:-1px;}

/*支付引导页*/
.shopping-carttable{ width:100%; border-collapse:collapse; border:solid 1px #d1d1d1; margin-top:24px;}
.shopping-carttable td{height:28px; text-align:center; line-height:28px;border:solid 1px #d1d1d1;}
.shopping-carttable thead td{color:#666; background-color:#ededed; }
.shopping-carttable tbody td{ color:#242424;}
.shopping-payment{ border:solid 1px #f0b57b; margin-top:24px; position:relative;}
.shopping-payment .border{ border:solid 3px #faefdd; background-color:#fff; padding:10px;}
.shopping-payment h5{ border-bottom:dotted 1px #b8b8b8; font-weight:700; padding-bottom:3px;background:url(../../img/shoppingcart/shengpay.png) no-repeat right top;}
.shopping-payment h5 i{ width:4px; height:13px; display:block; float:left;background:url(../../img/shoppingcart/title.png) no-repeat; margin:3px 8px 0;}
.shopping-paylist{ height:70px; margin:50px 0 50px 0; _padding-left:0; overflow:hidden; position:relative; text-align:right;}
.shopping-paylist a{ display:inline-block; float:left; font-size:14px; width:180px;height:70px; margin-left:42px; background:url(../../img/shoppingcart/payment.png) no-repeat -999px -999px; }
.shopping-paylist a.payby-sndapurse{ background-position:0 0 ; }
.shopping-paylist a.payby-sndapurse:hover{ background-position:-180px 0;}
.shopping-paylist a.payby-sndapurse-disable{background-position:-360px 0;cursor:default;}
.shopping-paylist a.payby-netbank{ background-position:0 -70px;}
.shopping-paylist a.payby-netbank:hover{ background-position:-180px -70px;}
.shopping-paylist a.payby-netbank-disable{background-position:-360px -70px;cursor:default;}
.shopping-paylist a.payby-sndacard{ background-position:0 -140px;}
.shopping-paylist a.payby-sndacard:hover{ background-position:-180px -140px;}
.shopping-paylist a.payby-sndacard-disable{ background-position:-360px -140px;cursor:default;}
.shopping-paylist a.payby-mobilecard{background-position:0 -210px;}
.shopping-paylist a.payby-mobilecard:hover{background-position:-180px -210px;}
.shopping-paylist a.payby-mobilecard-disable{ background-position:-360px -210px;cursor:default;}
.shopping-paylist a.payby-shengpay{background-position:0 -280px;}
.shopping-paylist a.payby-shengpay:hover{background-position:-180px -280px;}
.shopping-paylist a.payby-shengpay-disable{background-position:-360px -280px;cursor:default;}
.payby-sndapurse-tip, .payby-sndapurse-disable-tip, .payby-netbank-tip,  .payby-netbank-disable-tip, .payby-sndacard-tip, .payby-sndacard-disable-tip, .payby-mobilecard-tip, .payby-mobilecard-disable-tip, .payby-shengpay-tip, .payby-shengpay-disable-tip, .shopping-paypromo{ position:absolute; left:56px; top:166px; padding:2px 2px 2px 20px; border:solid 1px #f5dcc4; background-color:#fffaef; color:#666;}
.payby-sndapurse-tip i, .payby-sndapurse-disable-tip i, .payby-netbank-tip i, .payby-netbank-disable-tip i, .payby-sndacard-tip i, .payby-sndacard-disable-tip i, .payby-mobilecard-tip i, .payby-mobilecard-disable-tip i, .payby-shengpay-tip i,  .payby-shengpay-disable-tip i{position:absolute; display:block; left:0; top:2px; width:18px; height:18px;background:url(../../img/shoppingcart/form-message.png) no-repeat 0 -54px;}
.payby-sndapurse-tip s, .payby-sndapurse-disable-tip s, .payby-netbank-tip s, .payby-netbank-disable-tip s, .payby-sndacard-tip s, .payby-sndacard-disable-tip s, .payby-mobilecard-tip s, .payby-mobilecard-disable-tip s, .payby-shengpay-tip s,  .payby-shengpay-disable-tip s, .shopping-paypromo s{position:absolute; display:block; overflow:hidden; width:16px; height:7px;  top:-7px; left:32px; background:url(../../img/shoppingcart/pop.png) no-repeat -4px -18px;}
.payby-netbank-tip, .payby-netbank-disable-tip{ left:277px;}
.payby-sndacard-tip, .payby-sndacard-disable-tip{ left:500px; width:370px;}
.payby-mobilecard-tip, .payby-mobilecard-disable-tip{ left:55px; width:594px;}
.payby-mobilecard-tip s, .payby-mobilecard-disable-tip s{ left:556px}
.payby-shengpay-tip,  .payby-shengpay-disable-tip{ left:172px; width:698px;}
.payby-shengpay-tip s,  .payby-shengpay-disable-tip s{ left:670px}
.shopping-paypromo{ top:55px; padding-left:8px; left:56px;}
.shopping-paypromo s{ background-position:-4px 0; top:22px;}
.shopping-paypromo i{ width:44px; height:44px; display:block; position:absolute; top:30px; left:-2px; background:url(../../img/shoppingcart/paytip.png) no-repeat;}

/*完成支付*/
.completepay{ width:230px; margin:30px auto 0 auto;}
.completepay p{ line-height:44px; font-size:14px; padding-top:20px;}
.completepay i{ display:inline-block; width:44px; height:44px; float:left; margin-right:20px; background:url(../../img/common/message.png) no-repeat 0 -88px;}
.completepay a{ margin-right:10px; display:inline-block; width:98px; height:36px; background:url(../../img/shoppingcart/btn-complate.png) no-repeat;}
.completepay a.btnyes{ background-position: 0 0; }
.completepay a.btnno{background-position: 0 -36px;}